<template>
  <el-tabs v-model="activeName" :stretch="false"
           style="height: 200px;"
           type="border-card" @tab-click="handleClick">
    <el-tab-pane label="用户管理" name="first">
      <tab-user v-if="activeName=='first'"></tab-user>
    </el-tab-pane>
    <el-tab-pane label="配置管理" name="second">配置管理</el-tab-pane>
    <el-tab-pane label="角色管理" name="third">角色管理</el-tab-pane>
    <el-tab-pane label="定时任务补偿" name="fourth">定时任务补偿</el-tab-pane>
  </el-tabs>
</template>

<script>
import tabUser from "@/components/tabs/tabUser";

export default {
  name: 'Tabs',
  components: {tabUser},
  data() {
    return {
      activeName: 'second'
    };
  },
  methods: {
    handleClick(tab, event) {
      console.log(tab);
      console.log('-->', event)
    }
  }
};
</script>

<style scoped>

</style>
